
.DetailView{
	
	.Main_CardListBox {
		padding: 10px 15px;

		.CardBox {
			position: relative;
			margin-bottom: 20rpx;
			background-color: #fff;
			padding: 15px;
			overflow: hidden;
			border-radius: 12px;
			// min-height: 300px;
			box-shadow: 0 0 8px -7px #333;

			.Xuhao_YL {
				position: absolute;
				left: 0;
				top: 0;
				min-width: 24px;
				height: 24px;
				line-height: 24px;
				background-color: #51d0d0;
				border-radius: 0 0 10px 0;
				text-align: center;
				color: #fff;
			}

			.Main_Card_Top {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.OrdinalBox {
					width: fit-content;
					min-width: 24px;
					height: 24px;
					border-radius: 9999px;
					background-color: #51d0d0;
					color: #fff;
					font-size: 14px;
					line-height: 24px;
					text-align: center;
				}

				.Title_Text {
					margin-left: 6px;
					font-weight: 600;
					font-size: 24rpx;
				}
			}

			.CommonBox {
				border-radius: 8px;
				background-color: #f7f7f7;
				padding: 10px 0px;
				margin-top: 15px;

				.CommonBoxDiv {
					word-wrap: break-word;
					// direction: rtl;
				}

				.custom-cell {
					background-color: transparent !important;
					color: inherit !important;

					.uni-data-checklist .checklist-group ::v-deep .checklist-box {
						margin-right: 5px !important;
					}
				}

				.TextBox {
					font-size: 24rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					flex: 1;
				}


				.LeftIcon {
					width: 30px;
					height: 30px;
					line-height: 30px;
					font-size: 18px;
					border-radius: 8px;
					color: #fff;
					background-color: #01b87d;
					text-align: center;
				}


			}

			.ShowSigningWork {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				margin-top: 10px;

				.button {
					padding: 0rpx 10rpx;
					border-radius: 99999px;
					min-width: 120px;
					background-color: #fff;
					zoom: .8;
					margin-left: 6px !important;
				}
			}
		}
	}

	.content {
			display: flex;
			flex-direction: column;
			height: 100vh;
			// height: calc(100vh - 60px);
			background-color: #f9f9f9;
	
			uni-button {
				margin-left: initial !important;
				margin-right: initial !important;
			}
	
			.MainPopup {
				flex: initial !important;
	
				.PopupContent {
					display: flex;
					flex-direction: column;
					min-height: 240px;
					width: 90vw;
				}
	
				.u-transition {
					z-index: 99999 !important;
				}
	
	
				.PopupMainBox {
					padding: 12px 10px 6px;
					flex: 1;
					// overflow: auto;
	
					.CellBox {
						margin-bottom: 20px;
	
						.LeftBox {
							font-size: 14px;
							color: #999;
							margin-right: 10px;
						}
					}
	
					.uni-input-placeholder {
						color: #6a6a6a !important;
						font-size: 12px !important;
					}
				}
	
				.PopupBottomBox {
					display: flex;
					align-items: center;
					justify-content: flex-end;
					padding: 10px 10px;
	
					.CancelBtn {
						background-color: #fff;
						color: #51d0d0;
						border: 1px solid #51d0d0;
						min-width: 80px;
					}
	
					.ComfirmBtn {
						background-color: #51d0d0;
						color: #fff;
						min-width: 80px;
						margin-left: 10px !important;
					}
				}
			}
	
			.MainBox {
				flex: 1;
				overflow: auto;
				// padding: 10px;
	
				// 表单1
				.u-form {
					// padding: 0px 10px;
	
					.u-form-item {
						background-color: #fff;
						padding: 0 16px;
					}
	
	
					.TopOption {
	
						.u-form-item__body {
							flex-direction: column !important;
						}
					}
	
					// 起止时间
					.ChoiceTimesBox {
						width: 100%;
						display: flex;
						align-items: center;
						// background-color: #fff;
						// padding: 18px 10px;
						// margin-top: 10px;
	
						.TimeBox {
							flex: 1;
							display: flex;
							align-items: center;
							justify-content: space-evenly;
	
							.timer {
								width: 100%;
								flex: 2;
								display: flex;
								flex-direction: column;
								// align-items: center;
								font-size: 14px;
								color: #333;
	
								text:first-child {
									margin-bottom: 10px;
									font-weight: 600;
								}
	
								text:last-child {
									height: 20px;
								}
							}
	
							.Icon {
								flex: 1;
							}
						}
					}
	
	
					// 上传-删除图标
					.u-upload__deletable {
						width: 20px;
						height: 20px;
	
						.u-upload__deletable__icon {
							right: -1px !important;
	
							.u-icon__icon {
								font-size: 20px !important;
								line-height: 16px !important;
							}
						}
					}
				}
			}
	
			.BottomBox {
				width: 100%;
				border-top: 1px solid #efefef;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				background-color: #fff;
			}
			
		
	}
		
		
}





.ListView{
	   
	.content {
		background-color: #eeeeee;
		// padding: 0 10px !important;
		height: 100vh;
		display: flex;
		flex-direction: column;

		.icon-flip-vertical {
			display: inline-block;
			/* 或者其他适合你的布局的display值 */
			transform: scaleY(-1);
			/* 垂直翻转 */
		}

		.MainList {
			flex: 1;
			overflow: auto;
			padding: 10px;
			position: relative;
		}


		// 顶部tab栏
		.TabsBox {
			padding: 10px 15px;
			background-color: #fff;
			border-bottom: 2px solid #eee;

			.u-tabs__wrapper__nav__item__text {
				padding: 4px 10px !important;
			}
		}
		// 顶部tab栏  带时间筛选
		.TabsBox1 {
			padding: 10px 15px;
			background-color: #fff;
			border-bottom: 2px solid #eee;
			display: flex;
			align-items: center;
		
			.u-tabs__wrapper__nav__item__text {
				padding: 4px 10px !important;
			}
		
			.example-body {
				width: 90%;
				// padding: 6px 20px;
				color: #fff;
				background-color: #51d0d0;
				display: flex;
				justify-content: space-between;
				align-items: center;
		
				.uni-date {
					background-color: #fff;
		
					.uni-date-editor--x {
						background-color: #fff !important;
					}
		
					.uni-date__icon-clear {
						background-color: #fff !important;
					}
				}
		
				.BtnBox {
					margin-left: 8rpx;
				}
			}
		
		}
		

		.CardBox {
			position: relative;
			background-color: #fff;
			border-radius: 12px;
			padding: 10px !important;
			margin: 10px 0;


			// 卡片盒子右上角图标
			.RightTop {
				position: absolute;
				right: 0;
				top: 0;
				width: 50px;
				height: 50px;
				line-height: 50px;
				border-radius: 8px;
				background-color: transparent;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;

				.IconBox {
					width: 30px;
					height: 30px;
					line-height: 30px;
					border-radius: 8px;
					background-color: #f1f1f1;
					text-align: center;
				}
			}

			.CardMainBox {
				display: flex;
				flex-direction: column;

				.CardTop {

					.OrderStatus {
						font-size: 24rpx;
						font-weight: 600;
						padding: 6rpx 12rpx;
						border-radius: 99999px;
						width: fit-content;
						min-width: 100rpx;
						text-align: center;
						letter-spacing: 2rpx;

						background-color: #e8e8e8;
						color: #3c3c3c;
					}


					.OrderStatus_-1 {
						background-color: #d9f5ec;
						color: #269b74;
					}


					.OrderStatus_0 {
						background-color: #e8e8e8;
						color: red;
					}


					.OrderStatus_1 {
						background-color: #d9f5ec;
						color: #269b74;
					}


					.OrderStatus_2 {
						background-color: #d9f5ec;
						color: #269b74;
					}


				}
			}

		}


	}
	   
	.MainPopup {
		flex: initial !important;

		.u-transition {
			z-index: 99999 !important;
		}

		.ProgressBox {
			display: flex;
			flex-direction: column;
			padding: 20px;
			min-width: 70vw;
			position: relative;

			.Type {
				border-radius: 14px;
				font-weight: 600;
				padding: 4px 8px;
				font-size: 14px;
				position: absolute;
				top: 16px;
				right: 20px;

			}


			.Type_0 {
				background-color: #e8e8e8;
				color: #3c3c3c;
			}


			.Type_1 {
				background-color: #d9f5ec;
				color: #269b74;
			}


			.Type_-1 {
				background-color: #f5fccd;
				color: #d0d30b;
			}


			.Type_2 {
				background-color: #d7eefc;
				color: #1d87cf;
			}

			.TitleName {
				// font-size: 16px;
				font-size: 32rpx;
				font-weight: 600;
				color: #333;
			}
		}

		.PickerClass {
			flex: initial !important;
		}

		.PopupMainBox {
			padding: 15px;
			flex: 1;
			overflow: auto;
			padding-bottom: 20px;

			.custom-cell {
				background-color: transparent !important;
				/* 阻止背景色变化 */
				color: inherit !important;
				/* 阻止字体颜色变化 */
			}

			.CheckBox {
				margin-top: 20px;
			}


			.My_Picker_Box {
				padding: 6px 4px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				border: 1px solid #e5e5e5;
				border-radius: 4px;

				.PickMainBox {
					flex: 1;
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 14px;
					color: #666;

					.My_Picker_Text {
						flex: 1;
						text-align: center;
					}
				}
			}
		}

		.MainBox {
			padding: 0px 2px;
			flex: 1;
			overflow: auto;
		}

	}
	   
	.BottomBox {
		height: 70px;
		line-height: 70px;
		padding: 6px 15px;
		border-top: 1px solid #efefef;
		display: flex;
		align-items: center;
		background-color: #fff;

		.SaveBtn {
			width: 40%;
			background-color: #fff;
			color: #51d0d0;
			border: 1px solid #51d0d0;
			border-radius: 12px;
		}

		.SubBtn {
			width: 40%;
			background-color: #51d0d0;
			color: #fff;
			border-radius: 12px;
		}
	}
	
}


.popup-content {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 80vw;
	max-width: 500px;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	border-radius: 4px !important;
	overflow: hidden;

	.popup-content_close {
		position: absolute;
		top: 0;
		right: 0;
		width: 28px;
		height: 28px;
		font-weight: 600;
	}

	.title {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}

	.popup-content_desc {
		margin: 24px 0;
		text-align: center;
		color: #999;
	}

	.contentView {
		font-size: 18px;
		display: flex;
		justify-content: center;
		padding: 15px 0;
	}

	.check {
		zoom: .9;
		font-size: 13px;
		color: #999;
	}

	.btnBox {

		.u-button {
			width: 44% !important;
		}
	}
}















